<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>光年系统</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/guangnian.css">
</head>

<body>

    <div class="headerNav">
        <span class="slideMenu">
             &#xe653;
        </span>
        <span class="slideText">
                后台首页
        </span>
        <div class="headerNav_user">
            <a href="#">
                <img src="images/avatar.jpg" alt="">
                <p>
                    笔下光年<i>&#xe638;</i>
                </p>
            </a>
        </div>
    </div>
    <div class="slideBar">
        <div>
            <a href="#" class="logo">
                <img src="images/logo-sidebar.png" alt="">
            </a>
        </div>
        <div>
            <ul>
                <li>
                    <a href="#"> <i>&#xe61b;</i> 后台首页
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>&#xe63f;</i> UI元素
                        <i class="jiantou">&#xe603;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>&#xe653;</i> 表单
                        <i class="jiantou">&#xe603;  </i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>&#xe6d8;</i> 示例页面
                        <i class="jiantou">&#xe603;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>&#xe66b;</i>JS插件
                        <i class="jiantou">&#xe603;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i>&#xe626;</i> 多级菜单
                        <i class="jiantou">&#xe603;</i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="slideBarFooter">
            <p>Copyright © 2019. <a href="#">IT书包</a> All rights reserved.</p>
        </div>

    </div>

    <div class="main">
        <div class="content">
            <!-- 第一行数据展示 -->
            <div class="row data-show">
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="card text1">
                        <p>今日收入</p>
                        <h3>102,125.00</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="card text2">
                        <p>今日收入</p>
                        <h3>102,125.00</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="card text3">
                        <p>今日收入</p>
                        <h3>102,125.00</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="card text4">
                        <p>今日收入</p>
                        <h3>102,125.00</h3>
                    </div>
                </div>
            </div>
            <!-- 第二行图标 data-charts -->
            <div class="row data-charts">
                <div class="col-lg-6 col-xs-12">
                    <div class="charts charts-left">
                        <span> 每周用户 </span>
                        <div class="line"></div>
                        <img src="images/table1.png" alt="">
                    </div>
                </div>
                <div class="col-lg-6 col-xs-12">
                    <div class="charts charts-right">
                        <span>交易历史记录 </span>
                        <div class="line"></div>
                        <img src="images/table2.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 第三行表格  data-table -->
            <div class="row data-table">
                <div class="col-xs-12">
                    <table class="table mytable">
                        <tr>
                            <th>#</th>
                            <th>项目名称</th>
                            <th>开始日期</th>
                            <th>截止日期</th>
                            <th>状态</th>
                            <th>日期</th>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>设计新主题</td>
                            <td>10/02/2019</td>
                            <td>12/05/2019</td>
                            <td>待定</td>
                            <td>待定</td>
                        </tr>
                    </table>
                </div>
            </div>

        </div>

    </div>


</body>

</html>